<!DOCTYPE html >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>淘宝</title>
	<link rel="stylesheet" href="style.css" />
</head>

<body>
  <div class="box">
    <div class="zt">
        <h3>主题市场</h3>
        <p>
          <a href="#"><span>爱美女人</span></a>
            <a href="#"><span>品质男人</span></a>
            <a href="#"><span>淘宝二手</span></a>
            <a href="#"><span>全球淘</span></a>
        </p>
        <p>
            <a href="#"><span>品牌街</span></a>
            <a href="#"><span>同城便民</span></a>
            <a href="#"><span>花嫁新娘</span></a>
            <a href="#"><span>潮宝出街</span></a>
        </p>
    </div>
    <hr>
    <div class="ts">
        <h3>特色购物</h3>
        <p>
            <a href="#"><span>淘金宝</span></a>
            <a href="#"><span>天天特价</span></a>
            <a href="#"><span>免费试用</span></a>
            <a href="#"><span>反季清仓</span></a>
        </p>
        <p>
            <a href="#"><span>积分购物</span></a>
            <a href="#"><span>品牌特卖</span></a>
            <a href="#"><span>特价名品</span></a>
            <a href="#"><span>品牌购物</span></a>
        </p>
    </div>
    <hr>
    <div class="dq">
        <h3>当前热点</h3>
        <p>
            <a href="#"><span>中老年</span></a>
            <a href="#"><span>秘密好店</span></a>
            <a href="#"><span>新房装修</span></a>
            <a href="#"><span>抢券必读</span></a>
        </p>
        <p>
            <a href="#"><span>生态农业</span></a>
            <a href="#"><span>双十一券</span></a>
            <a href="#"><span>急招客服</span></a>
            <a href="#"><span>iPhone5s</span></a>
        </p>
    </div>
  </div>
</body>

</html>